
ajaxFun("get","./goodsAndShoppingCart/bannerGet.php",true,"",fun);
function fun(resText){
    let json = JSON.parse(resText);
    // console.log(json);

        for(let i=0;i<$("#lunbobox img").length;i++){
           
        $("#lunbobox img").eq(i).attr("src",json[i].img);
      }
    }

$(function() {
    $('#toright').hover(function() {
           $("#toleft").hide()
       }, function() {
           $("#toleft").show()
       })
       $('#toleft').hover(function() {
           $("#toright").hide()
       }, function() {
           $("#toright").show()
       })
   })
   
   var t;
   var index = 0;
   /////自动播放
   t = setInterval(play, 3000)
   
   function play() {
       index++;
       if (index > 4) {
           index = 0
       }
       
       $(".zhong .center .right ul li").eq(index).css({
           "background": "#999",
           "border": "1px solid #ffffff"
       }).siblings().css({
           "background": "#cccccc",
           "border": ""
       })
   
       $("#lunbobox img").eq(index).fadeIn(1000).siblings().fadeOut(1000);
   };
   
   ///点击鼠标 图片切换
   $(".zhong .center .right ul li").click(function() {
   
       //添加 移除样式
         $(this).css({
           "background": "#999",
           "border": "1px solid #ffffff"
       }).siblings().css({
           "background": "#cccccc"
       })
       var index = $(this).index(); 
   
       $("#lunbobox img").eq(index).fadeIn(1000).siblings().fadeOut(1000); // siblings  找到 兄弟节点(不包括自己）
   });
   
  
   $("#toleft").click(function() {
       index--;
       if (index <= 0)
       {
           index = 4;

       }
       console.log(index);
       $(".zhong .center .right ul li").eq(index).css({
           "background": "#999",
           "border": "1px solid #ffffff"
       }).siblings().css({
           "background": "#cccccc"
       })
   
       $("#lunbobox img").eq(index).fadeIn(1000).siblings().fadeOut(1000);  
   })
   
   $("#toright").click(function() {
       index++;
       if (index > 4) {
           index = 0;
       }
       console.log(index);
       $(this).css({
           "opacity": "0.5"
       })
       $(".zhong .center .right ul li").eq(index).css({
           "background": "#999",
           "border": "1px solid #ffffff"
       }).siblings().css({
           "background": "#cccccc"
       })
       $("#lunbobox img").eq(index).fadeIn(1000).siblings().fadeOut(1000); // siblings  找到 兄弟节点(不包括自己）
   });
   $("#toleft,#toright").hover(function() {
           $(this).css({
               "color": "black"
           })
       },
       function() {
           $(this).css({
               "opacity": "0.3",
               "color": ""
           })
       })
   
   
   //鼠标移进  移出
   $(".zhong .center .right ul li,#lunbobox img,#toright,#toleft ").hover(
   //鼠标移进
       function() {
           $('#toright,#toleft').show()
           clearInterval(t);
   
       },
       //鼠标移开
       function() {
          
           t = setInterval(play, 3000)
   
           function play() {
               index++;
               if (index > 4) {
                   index = 0
               }
               $(".zhong .center .right ul li").eq(index).css({
                   "background": "#999",
                   "border": "1px solid #ffffff"
               }).siblings().css({
                   "background": "#cccccc"
               })
               $("#lunbobox img").eq(index).fadeIn(1000).siblings().fadeOut(1000);
           }
       })
   
   